/* Základní viditelnost a struktura – čistý vzhled */
.home-age-filter {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 250px !important;
    overflow: visible !important;
    margin: 40px auto !important;
    padding: 20px !important;
    max-width: 1200px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 10 !important;
    background-color: #f0f8ff !important;  /* Světle modrá pro dětský vzhled */
    font-family: Arial, sans-serif !important;  /* Čitelný font */
    border-radius: 10px !important;  /* Lehce zaoblená sekce */
}

/* Grid pro tlačítka – lepší rozložení (4-5 v řadě) */
.home-age-filter .haf-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;  /* Větší mezery */
    white-space: normal !important;
}

/* Styl tlačítek – vylepšené kruhy, barvy, efekty */
.home-age-filter .haf-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 160px !important;
    height: 160px !important;
    border-radius: 50% !important;
    background: linear-gradient(to bottom, #87ceeb, #4682b4) !important;  /* Modrý gradient pro atraktivitu */
    border: 3px solid #add8e6 !important;  /* Světle modrý okraj */
    text-decoration: none !important;
    color: #ffffff !important;  /* Bílý text pro kontrast */
    font-size: 18px !important;  /* Větší text */
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;  /* 3D stín */
    padding: 10px !important;
    text-align: center !important;
    line-height: 1.2 !important;  /* Lepší zalomení */
    position: relative !important;  /* Pro emoji */
}

.home-age-filter .haf-btn br {
    display: block !important;
    margin: 3px 0 !important;  /* Menší mezera mezi řádky */
}

.home-age-filter .haf-btn:hover {
    transform: scale(1.1) !important;  /* Silnější zoom na hover */
    box-shadow: 0 6px 12px rgba(0,0,0,0.3) !important;
    background: linear-gradient(to bottom, #add8e6, #87ceeb) !important;  /* Obrácený gradient na hover */
}

/* Přidání emoji místo ikon (pomocí ::before) */
.home-age-filter .haf-btn::before {
    content: '';  /* Placeholder – upravte pro každou class */
    font-size: 40px !important;  /* Velikost emoji */
    margin-bottom: 10px !important;  /* Mezera pod emoji */
    display: block !important;
}
.home-age-filter .haf-btn--do-1-roku::before { content: '👶'; }  /* Miminka */
.home-age-filter .haf-btn--1-2-roky::before { content: '🧒'; }  /* Batolata */
.home-age-filter .haf-btn--2-plus::before { content: '🚀'; }  /* Od 2 let (např. hračka) */
.home-age-filter .haf-btn--3-plus::before { content: '🧸'; }  /* Od 3 let (medvídek) */
.home-age-filter .haf-btn--predskolaci::before { content: '📚'; }  /* Předškoláci (kniha) */
.home-age-filter .haf-btn--skolaci-1st::before { content: '🎒'; }  /* Školáci 1. stupeň (batoh) */
.home-age-filter .haf-btn--skolaci-2st::before { content: '🧑‍🎓'; }  /* Školáci 2. stupeň */

/* Responsivita – na mobilu 2-3 v řadě */
@media (max-width: 768px) {
    .home-age-filter .haf-grid {
        justify-content: space-around !important;
    }
    .home-age-filter .haf-btn {
        width: 140px !important;
        height: 140px !important;
        font-size: 16px !important;
    }
}

/* Reset konfliktů */
.home-age-filter * {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}